<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="/css/common.css" />
		<link rel="stylesheet" type="text/css" href="/bootstrap-3.3.7/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="/css/flatpickr.min.css" />
		<link rel="stylesheet" type="text/css" href="/css/font-awesome.css"/>
		<link rel="stylesheet" type="text/css" href="/dialog/css/dialog.css"/>


		<script type="text/javascript" src="/js/jquery-1.9.1.min.js"></script>
		<script src="/js/google-maps.js" type="text/javascript" charset="utf-8"></script>
		<script src="/js/jquery.validate.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="/dialog/js/dialog.js" type="text/javascript" charset="utf-8"></script>
		<script src="/js/jquery.form.js"></script>
		<script src="/js/common.js"></script>
		<script src="/js/flatpickr.js" type="text/javascript" charset="utf-8"></script>
		<script src="/js/messages_zh.min.js" type="text/javascript" charset="utf-8"></script>

		<script type="text/javascript">
            $().ready(function(){
				$("#quarantine_addform").validate({
					rules:{
						licenseNumber:"number",
						carBrand:{
							required:true,
							minlength:3,
							maxlength:8
						},
						remark:"required"
					},
					message:{
						licenseNumber:"请输入数字",
						carBrand:{
							required:"此项必填！！",
							minlength:"最小长度为3",
							maxlegth:"最大长度为8"
						},
						remark:"此项必填！！"
					}
				});
            });
		</script>
	</head>

	<body>
		<!--顶部导航 -->
		<nav class="topNavItemBox">
			<div id="ItemBox">
				<div class="title">肉品溯源管理系统</div>
			</div>
		</nav>

		<#include "left.ftl" />

		<!-- 新增车辆信息 -->
	<div class="page_main">
		<h3>新增车辆信息</h3>
		<span class="add_link"><a href="list">查询车辆信息></a></span> <br />
		<div class="page_content">

			<form id="quarantine_addform" action="save" method="post">
				<ul>
					<li>
						<label class="labelBeforinput">*货车牌号</label>
						<input name="licenseNumber" class="bigInputtext" type="text" />
					</li>

					<li>
						<label class="labelBeforinput">*货车品牌</label>
						<input name="carBrand" class="bigInputtext" type="text"/>
					</li>

					<li>
						<label class="labelBeforinput">*所属公司</label>
						<select name="compId" class="bigInputtext" >
							<option value="0">请选择</option>
							<#list companys as comp>
                                <option value="${comp.gid}">${comp.compname}</option>
							</#list>
						</select>
					</li>
					<li>
						<label class="labelBeforinput">货车说明</label>
						<input name="remark" class="bigInputtext" type="text"/>
					</li>
					<input type="hidden" name="status" value="1" />

					<li>
						<input type="submit" value="添加记录" style="margin-left: 170px; width: 200px;" />
					</li>
				</ul>
			</form>
		</div>

		<div class="footer">
			<div class="footer_lineone">
				<span id="logo"></span>肉品溯源管理系统 <span class="footer_lineoneSpan"><a
					href="aboutus.html">关于我们</a></span> <span class="footer_lineoneSpan"><a
					href="http://www.cfsiw.com/">食品安全信息</a></span> <span
					class="footer_lineoneSpan"><a href="suggestionAdd.ftl">联系我们</a></span>
			</div>
			<div class="footer_linetwo">&copy;2017广东技术师范学院</div>
		</div>
	</div>
</body>
    <script>
        /*$(function() {
            //初始化侧边栏
            $(".vertical-nav").verticalnav({
                speed: 400,
                align: "left"
            });

            //时间控制器
            $("#beginTime").flatpickr();
            $("#endTime").flatpickr();
            $("#inTime").flatpickr();
            //表单校验
            $("#quarantine_addform").validate();
            //异步下拉
            $.post("CarInfoAction_findTransitCompAjax", function(data) {
                //$("select[name='vaccineInfor.vaccineId']").empty();
                for(var i = 0; i < data.length; i++) {
                    $("select[name='compId']").append("<option value='" + data[i].gid + "'>" + data[i].compName +"</option>");
                    }
            });	*/
			//表单提交
			/*$("#quarantine_addform").ajaxForm({
					/!* error: function(XMLHttpRequest, textStatus, errorThrown){
						//失败
						$.dialog({
							type: 'info',
							contentHtml: '<img class="info-icon" src="dialog/images/icon/fail.png" alt="增加失败" /><p class="info-text">请输入正确的生猪编号</p>',
							autoClose: 2000
						});
					}, *!/
					success:function(data) {
						var str = null;
						var msg = null;
						if(data.msg == 1){
							str = "success";
							msg = "添加车辆成功"
						}else{
							str = "fail";
							msg = data.msg;
						}
						console.log(data);
						$.dialog({
							type: 'info',
							contentHtml: '<img class="info-icon" src="dialog/images/icon/'+str+'.png" alt="'+msg+'" /><p class="info-text">'+
msg+'</p>',
							autoClose: 2000
						});
					}
			});
		});*/
</script>

</html>